﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/MobileLayout.cshtml";
}

<div class="m_block corner b_corner" id = "login_Container">
    <div class="m_header m-title">Đăng Nhập</div>
    <div class="m_data">
        <div id="login">
            <input class="input_text" type="text"  id="txtuser"/>
            <input class="input_text" type="text" id="txtpwd"/>
        </div>
        <table id="input_id">
            <tr>
                <td>
                    <div>
                    <input class="input_text m_overlay" type="text" id="txtid1"/>
                </div>
                </td>
                <td>
                    <div>
                    <input class="input_text m_overlay" type="text" id="txtid2"/>
                </div>
                </td>
            </tr>
            <tr >
                <td style="margin-top:10px;">
                    <input type="button" class="m_button corner4 m_text_shadow" value="Đăng nhập" onclick="DoLogin();"  style="height:40px;width:100px;"/>
                </td>
                <td>
                    <div class="m_checked_box" id="remember" value='0'><p class="m_checkbox_label">Ghi nhớ thông tin</p>
                    <p class="m_checkbox m_checkbox_uncheck"></p> <input type="hidden" class="m_checkbox_value" value='0'/>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div class="m_footer b_corner"></div>
    <div id="mydiv" style="display:none">
    <img src="../../Content/themes/Images/ajax-loader.gif" class="ajax-loader"/>
</div>
</div>

<div id="dialog-message" title="Đăng nhập" style="display:none">
<p>
<span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
Đăng nhập không thành công, vui lòng liên hệ quản trị để được giúp đở 
</p>

</div>
<input id="log_auth" value="@(Session["UserCafe"]!=null?'1':'0')" type="hidden" />

<div id="data_View">
    <div class ="menu_top" id="top_bar_menu">
        <table class="menu_top_item m-title">
            <tr>
                <td id="home" >
                    <div id="btn_home" style="text-align:center" class="top_bar_item_normal" onclick="showHome();">
                       <div style="width:100px;margin:0 auto" >
                                <div style="float:left" class="m_icon m_ico_home m_icon_shadow"></div>
                                <div style="float:left;line-height:18px;margin-left:5px" > Trang chủ</div>
                        </div>
                       
                    </div>
                </td>
                <td id="menu" class="t_corner4" onclick='showOps();'>
                    <div id="btn_ops" style="text-align:center">
                          <div style="width:100px;margin:0 auto" >
                            <div style="float:left" class="m_icon m_ico_ops m_icon_shadow"></div><div style="float:left;line-height:18px;margin-left:5px">Lựa chọn</div>
                           </div>
                    </div>
                </td>
                <td id="logout"  onclick="logout();">
                  <div id="btn_ops" style="text-align:center">
                          <div style="width:100px;margin:0 auto" >
                            <div style="float:left" class="m_icon m_ico_out m_icon_shadow"></div><div style="float:left;line-height:18px;margin-left:5px">Thoát</div>
                           </div>
                    </div>
                    <div>
                        
                    </div>
                </td>
            </tr>
         </table>
         <ul>
            <li></li>
            <li></li>
            <li></li>
         </ul>
    </div>

    <div class="m_block corner b_corner" id = "Data_Group">
        <div class="m_header m-title">Dữ liệu</div>
        <div class="m_data">
            <div class="m_collap">
                <div class="m_collap_item" collaps="closed">
                    <h3 class="m_btn_normal t_corner4">
                        <span class="m_collap_ico corner10"></span>
                        <span>Lợi nhuận</span>
                        <span class="total" id="tt_profit">0.00</span>
                    </h3>
                    <div class="m_collap_item_data">
                        <div id="loinhuan">
                        </div>
                    </div>
                </div>
                <div class="m_collap_item" collaps="closed">
                    <h3 class="m_btn_normal">
                        <span class="m_collap_ico corner10"></span>
                        <span>Doanh thu</span>
                        <span class="total" id="tt_revenue">0.00</span>
                    </h3>
                    <div class="m_collap_item_data">
                        <div id="doanhthu">
                        </div>
                    </div>
                </div>
                <div class="m_collap_item" collaps="closed">
                   <h3 class="m_btn_normal">
                        <span class="m_collap_ico corner10"></span>
                        <span>Số lượng</span>
                        <span class="total" id="tt_qty">0.00</span>
                    </h3>
                    <div class="m_collap_item_data">
                        <div id="soluong">
                        </div>
                    </div>
                </div>
                <div class="m_collap_item m_border_buttom" collaps="closed">
                    <h3 class="m_btn_normal">
                        <span class="m_collap_ico corner10"></span>
                        <span>Chi phí</span>
                        <span class="total" id="tt_cost">0.00</span>
                    </h3>
                    <div class="m_collap_item_data" >
                        <div id="chiphi">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="m_footer b_corner"></div>
</div>
</div>

<div class="m_block corner b_corner" id = "options">
    
    <div class="m_header m-title">Lựa chọn</div>
    <div class="m_data">
        <div class="ops" id="ops_user">
            <div class="ops_item" value='0' id ='op_today' optype='day'>
                <h3 class="ops_item_title">
                    <span class="radio_ico corner2"><span class="radio_ico_in corner2"></span></span>
                    <span >Trong ngày</span>
                </h3>
                <p>Truy xuất dữ liệu hiện tại trong ngày.</p>
            </div>
            <div class="ops_item" value='0' optype='week'>
                <h3 class="ops_item_title">
                    <span class="radio_ico corner2"><span class="radio_ico_in corner4"></span></span>
                    <span >Trong tuần</span>
                </h3>
                <p>Truy xuất dữ liệu trong tuần hiện tại.</p>
            </div>
            <div class="ops_item" value='0' optype='month'>
                <h3 class="ops_item_title">
                    <span class="radio_ico corner2"> <span class="radio_ico_in corner4"></span> </span>
                    <span >Trong tháng</span>
                </h3>
                <p>Truy xuất dữ liệu trong tháng được lựa chọn.</p>
                <p><input id='op_month' name="bymonth" class="input_text datepicker" style="margin-top:4px;" /></p>
            </div>
            <div class="ops_item" value='0' optype='year'>
                <h3 class="ops_item_title">
                    <span class="radio_ico corner2"><span class="radio_ico_in corner4"></span></span>
                    <span >Trong năm</span>
                </h3>
                <p>Truy xuất dữ liệu trong năm theo lựa chọn.</p>
                <p><input id="numYear" style="line-height:26px;"/></p>
            </div>
            <div class="ops_item" value='0' optype='fromto'>
                <h3 class="ops_item_title">
                    <span class="radio_ico corner2"><span class="radio_ico_in corner4"></span></span>
                    <span >Khoảng thời gian</span>
                </h3>
                <p>Từ ngày &nbsp;&nbsp;<input id="f_date" name="fromDate" class="input_text datepicker" /></p>
                <p>Đến ngày <input id="t_date" name="toDate" class="input_text datepicker" /></p>
            </div>

            <input type="button" value="Đồng ý" style="margin-left:30px;margin:20px;height:36px;width:100px;" onclick="ops_accept_changed();"/>
        </div>
        
    </div>
    <div class="m_footer b_corner"></div>

</div>

